/* 改变主题色变量 */
$--color-primary: #12A234;

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

/* 弹窗-选择验证方式 */
.auth {
		.el-dialog {
			// width: 156.25rpx;
			width: 30%;
			height: 42.18rpx;
			border-radius: 1.56rpx;
			margin: 0 !important;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);

			.el-dialog__header {
				padding: 5.46rpx 0 0 6.25rpx;
			}

			.el-dialog__body {
				padding: 10.15rpx 0 9.37rpx 6.25rpx;
				display: flex;

				.el-radio {
					flex: 1;
					margin: 0;
				}

				.el-radio:first-child {
					flex: 0.6;
				}
			}
		}
	}

/* 弹窗-输入验证码 */
.authCode {
		.el-dialog {
			width: 156.25rpx;
			margin: 0 !important;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);

			.el-dialog__header {
				padding-bottom: 0;
			}

			.el-dialog__body {
				padding-top: 0;
			}

			.el-input {
				margin: 9.37rpx 0 14.06rpx;
				border: 0.39rpx solid #EAEAEA;
			}

			.el-button {
				width: 34.37rpx;
				height: 12.5rpx;
				padding: 0;
			}
		}
	}

/* 返回 + 确认 按钮 */
.returnToConfirm  {
	.el-button {
		width: 46.87rpx;
		height: 15.62rpx;
		border: 0.39rpx solid #12A234;
		box-shadow: 0px 1.17rpx 2.34rpx rgba(18, 162, 52, 0.16);
		font-size: 6.25rpx;
		font-size: 6.25rpx;
		&:first-child {
			color: #12A234;
		}
		&:last-child {
			color: white;
			margin-left: 6.25rpx;
		}
	}
}

/* 表格 */
.table {
	.el-table th {
		border: 0 !important;
	}
	
	.el-table td,
	.el-table th.is-leaf {
		border: 0 !important;
	}
	
	.el-table td {
		border-top: 0.39rpx solid #C4C4C4 !important;
		border-bottom: 0.39rpx solid #C4C4C4 !important;
	}
	
	.el-table td:first-child {
		border-left: 0.39rpx solid #C4C4C4 !important;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	
	.el-table td:last-child {
		border-right: 0.39rpx solid #C4C4C4 !important;
		border-top-right-radius: 1.56rpx;
		border-bottom-right-radius: 1.56rpx;
	}
	
	.el-table__body {
		border-collapse: separate;
		border-spacing: 0 9.37rpx;
	}
	
	.el-table::before {
		height: 0 !important;
	}
	
	.has-gutter th {
		padding: 0 !important;
		font-size: 6.25rpx;
		color: #3B3E66;
	}
}

/* 表单 */
.form {
	.el-form {
		.el-form-item {
			margin-bottom: 9.76rpx;
			.el-form-item__label {
				padding: 0;
				margin-bottom: 3.9rpx;
				height: 10.54rpx;
				line-height: 10.54rpx;
				font-size: 7.03rpx;
				font-weight: 500;
			}
			.el-input__inner {
				font-size: 6.25rpx;
				height: 18.75rpx;
				line-height: 18.75rpx;
				padding-left: 5.85rpx;
				padding-right: 19.53rpx;
			}
			.el-input__prefix {
				display: none;
			}
			.el-input__suffix {
				color: #3B3E66;
				font-size: 6.25rpx;
				right: 6.25rpx;
				display: flex;
				flex-direction: row;
				align-items: center;
			}
		}
	}
}

/* 表单-日期 */
.formDate {
	.el-form-item__content {
		display: flex;
		.el-input {
			flex: 1;
			.el-input__inner {
				border: 1px solid #DCDFE6;
				border-left: none;
				border-radius: 0;
			}
			&:first-child > .el-input__inner {
				border-left: 1px solid #DCDFE6;
				border-top-left-radius: 4px;
				border-bottom-left-radius: 4px;
				// &:focus {
				//   outline: none;
				//   border-color: #12A234;
				// }
			}
			&:last-child > .el-input__inner {
				border-top-right-radius: 4px;
				border-bottom-right-radius: 4px;
			}
			
			// &:nth-child(1) > .el-input__inner:focus {
			// 	border-color: #12A234;
			// }
			// &:nth-child(2) > .el-input__inner:focus {
			// 	border-right-color: #12A234;
			// 	outline: #12A234 solid 1px;
			// }
			// &:nth-child(3) > .el-input__inner:focus {
			// 	outline: #12A234 solid 1px;
			// }
		}
		&:focus-within {
			// outline: #12A234 solid 1px;
			border-radius: 4px;
			box-shadow: 0 0 0 1px #12A234;
		}
	}
}
.formDate.is-error{
	.el-form-item__content{
		// outline: #F56C6C solid 1px;
		border-radius: 4px;
		box-shadow: 0 0 0 1px #F56C6C;
	}
}
	

/* 输入框禁用时的背景色 */
.el-input.is-disabled .el-input__inner {
	background: #F5F5F5;
}

/* 导航栏 右侧按钮 */
.update {
		display: flex;
		justify-content: space-between;
	
		.button {
			// width: 36.32rpx;
			// height: 8.59rpx;
			color: #12A234;
			border: 1px solid #12A234;
			padding: 3.12rpx 5.46rpx;
			display: flex;
			justify-content: space-between;
			cursor: pointer;
	
			image {
				display: inline-block;
				width: 8.59rpx;
				height: 7.81rpx;
				margin-right: 3.12rpx;
			}
	
			text {
				display: inline-block;
				font-size: 6.25rpx;
				font-weight: 500;
			}
	
			&:last-child {
				margin-left: 6.25rpx;
			}
	
			&:hover {
				background-color: #E7F6EB;
			}
		}
	}